<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性绑定和属性的简写</title>
    <script src="js/vue.js"></script>
    <script>
        window.onload = function () {
            new Vue({
                el: '#itany',
                data: {
                    url: "http://c.hiphotos.baidu.com/zhidao/wh=450,600/sign=04487387cc1b9d168a929265c6ee98b9/bf096b63f6246b607ebd532ce9f81a4c510fa233.jpg",
                    w: '800px',
                    h: '400px'
                }
            });
        }
    </script>
</head>
<body>
<div id="itany">
    <!--    <img src="{{url}}"/>-->
    <!-- 可以直接访问vue中的数据，不需要使用{{}} -->
<!--    <img v-bind:src="url">-->
    <!-- 以下写法错误，没有这种语法 -->
    <!--    <img v-model="url">-->
    <img :src="url" :width="w" :height="h">
</div>
</body>
</html>